jQuery(function( $ ){
	$('div.pane').scrollTo( 0 );
	var $paneOptions = $('#content');
	function reset_o(){//before each animation, reset to (0,0), skip this.
		$paneOptions.stop(true).attr({scrollLeft:0, scrollTop:0});
	}
	
	$('#home-link').click(function(){
		$paneOptions.scrollTo('article:eq(0)', 1000 );
	});
	$('#about-link').click(function(){
		$paneOptions.scrollTo('article:eq(1)', 1000 );
	});
	$('#project-link').click(function(){
		$paneOptions.scrollTo('article:eq(2)', 1000 );
	});
	$('#experience-link').click(function(){
		$paneOptions.scrollTo('article:eq(3)', 1000 );
	});
	$('#research-link').click(function(){
		$paneOptions.scrollTo('article:eq(4)', 1000 );
	});
	
	var $aboutText = $("#aboutText");
	$("#upArrow").click(function(){
		$aboutText.scrollTo('-=60px', 500);
	});
	$("#downArrow").click(function(){
		$aboutText.scrollTo('+=60px', 500);
	});
});